<link rel="stylesheet" type="text/css" href="/site_media/css/addcard.css" />
<link rel="stylesheet" href="/site_media/css/popup.css" type="text/css" media="screen" />
<style>
#popupViewCard{{each_card.id}}{
	display:none;
	 _position:absolute; /* hack for internet explorer 6*/
	 height:340px;
	 width:400px;
	 z-index:1;
	 background:#FFFFFF;
	 padding:10px;
	 border:2px solid #cecece;
	 font-size:13px;
}
#popupViewCard{{each_card.id}} h1{
    text-align:left;
    color:#6FA5FD;
    font-size:15px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}
textarea.cardDesc {
    border:1px solid #d1c7ac;
    width: 300px;
	color:#333333;
    padding:3px;
	margin-right:4px;
    margin-bottom:5px;
    font-family:tahoma, arial, sans-serif;
}

</style>
<script>
var cardObject = new Object();
alert(1111)
//cardObject[0] = {hello:'hi'}
cardObject.title = "{{each_card.title}}"
cardObject.id = "{{each_card.id}}"
cardObject.start_date = "{{each_card.start_date}}"
cardObject.end_date = "{{each_card.end_date}}"
cardObject.developers = "{{each_card.developers}}"
cardObject.points = "{{each_card.points}}"
cardObject.card_color = "{{each_card.card_color}}"
cardObject.description = "{{each_card.description}}"
card[cardObject.id] = cardObject
alert('heheh')
alert('ccc'+card[cardObject.id].title)


</script>
<script src="/site_media/js/popup.js" type="text/javascript"></script>

<div id="popupViewCard{{each_card.id}}">
	<a class="closePopupViewCard popupclose">x</a>
	<h1>View Card</h1>
	<div class="lightbox_content">
		<ul>
			Title:{{each_card.title}}
		</ul>
		<ul>
			Start date:{{each_card.start_date}}
			End date:{{each_card.end_date}}
		</ul>
		<ul>
			Developers:{{each_card.developers}}
		</ul>
		<ul class="labelText">
			Points:{{each_card.points}}
			Color:<input type="text" class="cardSmallText" style="background-color:{{each_card.card_color}};" disabled="true"/>
		</ul>
		<ul>
			Description:{{each_card.description}}
		</ul>
		
	</div>
</div>

